
console.log('引用成功');

// 显示 cart-menu 购物车
$('.cart-mini').hover(function () {
    $(this).addClass('cart-mini-active');
    $('.cart-menu').stop().slideDown(300);
}, function () {
    $(this).removeClass('cart-mini-active');
    $('.cart-menu').stop().slideUp(300);
});

// 显示 头部导航栏的 子导航栏
$('.nav-list>li').hover(function () {
    $(this).find('.link>.text').css('color', '#ff6700');
    $('.site-children').hide();
    $(this).find('.site-children').show().stop().slideDown(300);
}, function () {
    $(this).find('.link>.text').css('color', '#333');
    $(this).find('.site-children').show().stop().slideUp(300);
})

// 获取搜索框焦点时，隐藏热门选项
$('.search-header').focusin(function(){
    $(this).find('.search-input').css('border-color','#ff6700');
    $('.keywords-list').show();
    $(this).find('.search-hot-words').animate({
        opacity:0
    },300,function(){
        $('.search-hot-words').hide();
    });
});
$('.search-header').focusout(function(){
    $(this).find('.search-input').css('border-color','#ddd');
    $('.keywords-list').hide();
    $('.search-hot-words').show();
    $(this).find('.search-hot-words').animate({
        opacity:1
    },300);
});


// 轮播图
var t = n = 0, count;
count = $("#banner_list a").length;

$("#banner_list a:not(:first-child)").hide();
$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
$("#banner_info").click(function () {
    window.open($("#banner_list a:first-child").attr('href'), "_blank")
});
// 轮播图按钮
$(".ui-wraper li").click(function () {
    var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
    n = i;

    if (i >= count) return;
    $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
    $("#banner_info").unbind().click(function () {
        window.open($("#banner_list a").eq(i).attr('href'), "_blank");
    })
    $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
    // document.getElementsByClassName(".ui-wraper").style.background = "";
    $(this).toggleClass("on");
    $(this).siblings().removeAttr("class");
});

t = setInterval("showAuto()", 4000);
$(".ui-wraper").hover(function () {
    clearInterval(t)
},function(){
    t = setInterval("showAuto()", 4000);
});

function showAuto() {
    n = n >= (count - 1) ? 0 : ++n;
    $(".ui-wraper li").eq(n).trigger('click');
}


// 显示 分类导航栏的 子导航栏
$('.site-category-list>li').hover(function(){
    $('.category-list-children').hide();
    $(this).find('.category-list-children').show();
},function(){
    $(this).find('.category-list-children').hide();
});


// 小米明星单品
// 自动切换切换功能
var index = 0;
var timerS = self.setInterval('show()',6000);
function show(){
    // console.log('indexS='+index);
    // console.log('num='+num);
    nextPage();
    nexPage();
}
// 上一页
function nextPage(){
    index = index==$('.star ul').length-1 ? 0 : index+1;
    showPage();
}
// 下一页
function prevPage(){
    index = index==0 ? $('.star ul').length-1 : index-1;
    showPage();
}

function showPage(){
    var poLeft = -(($('.star ul').outerWidth(true))*index);
    $('.star').stop().animate({
        left:poLeft
    },300);
    $('.moreStar div').eq(index).removeClass('btn-active')
                .siblings().addClass('btn-active');
}
// 点击切换
$('.moreStar .prev').click(function(){
    if(index == 1){
        prevPage();
    }
});
$('.moreStar .next').click(function(){
    if(index == 0){
        nextPage();
    }
});


// page-main中所有li的悬浮效果
$('.home-brick-box .box-md>div>ul>li').hover(function(){
    $(this).css('box-shadow','0 10px 30px #ccc').stop().animate({
        top:-2
    },300);
},function(){
    $(this).css('box-shadow','0 0 0 #ccc').stop().animate({
        top:0
    },300);
});

// 搭配
// 选项卡 选项选中效果
$('.tab-list li').mouseenter(function(){
    $('.tab-list li').css({'color':'#666','border-color':'#f5f5f5'});
    $(this).css({'color':'#ff6700','border-color':'#ff6700'});
    var num = ($(this).dataGid) * 1;
    console.log(num);
    console.log($(this).dataGid);
});
// 商品弹出框效果
$('.span-second>ul>li').hover(function(){
    $(this).find('section.popup').stop().animate({
        bottom:0,
        opacity:1
    },200);
},function(){
    $(this).find('section.popup').stop().animate({
        bottom:-75,
        opacity:0
    },200);
});

// 为你推荐
// 自动切换切换功能
var num = 0;
// 上一页
function nexPage(){
    num = num==$('.rec ul').length-1 ? 0 : num+1;
    shoPage();
}
// 下一页
function prePage(){
    num = num==0 ? $('.rec ul').length-1 : num-1;
    shoPage();
}

function shoPage(){
    var poLeft = -(($('.rec ul').outerWidth(true))*num);
    $('.rec').stop().animate({
        left:poLeft
    },300);
    $('.moreRec div').addClass('btn-active');
    if(num == 0){
        $('.moreRec div').eq(0).removeClass('btn-active');
    }
    if(num == 3){
        $('.moreRec div').eq(1).removeClass('btn-active');
    }
}
// 点击切换
$('.moreRec .prev').click(function(){
    if(num > 0){
        prePage();
    }
});
$('.moreRec .next').click(function(){
    if(num < 3){
        nexPage();
    }
});


// 内容
// 通过缩小定义域的方法，避免四个li中的事件产生联动效应
$('.content>ul>li').hover(function(){
    // 切换按钮显示
    $(this).find('.item-content>span').stop().animate({opacity:0.2},250);
    $(this).find('.item-content>span').hover(function(){
        $(this).stop().animate({opacity:0.4},250);
    },function(){
        $(this).stop().animate({opacity:0.2},250);
    });

    // 手动切换
    let index = 0;
    // 上一页
    $(this).find('.item-content-prev').click(function(){
        if(index > 0){
            index = index-1;
            console.log(index);
            // function 全局作用域始终属于window ，所以直街写操作，这样操作的内容的作用域就在当前作用域内了
            // function showLis(){
                var poLeft = -((lis.outerWidth(true))*index);
                $(this).parent('.item-content').children('.item-list').stop().animate({
                    left:poLeft
                },300);
                console.log(this);
                $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').removeClass('current');
                $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').eq(index).addClass('current');
            // }
            // showLis();
        }
    })
    // 下一页
    var lis = $(this).find('.item-list>li');
    $(this).find('.item-content-next').click(function(){
        if(index < lis.length-1){
            index = index+1;
            console.log($(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li'));
            console.log(index);
            // function showLis(){
                var poLeft = -((lis.outerWidth(true))*index);
                $(this).parent('.item-content').children('.item-list').stop().animate({
                    left:poLeft
                },300);
                console.log(this);
                $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').removeClass('current');
                $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').eq(index).addClass('current');
            // }
            // showLis();
        }
    })

    // 切换动画
    // function showLis(){
    //     var poLeft = -((lis.outerWidth(true))*index);
    //     $(this).parent('.item-content').children('.item-list').stop().animate({
    //         left:poLeft
    //     },300);
    //     console.log(this);
    //     $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').removeClass('current');
    //     $(this).parent('.item-content').parent('.content>ul>li').find('.content-pages li').eq(index).addClass('current');
    // }
},function(){
    $(this).find('.item-content>span').stop().animate({opacity:0},250);
})